<template>
	<view>
		<view class="form-box">

			<view class="cell_item">
				<view>兑换券折扣</view>
				<view class="post_box">
					<text class="sign">-￥</text>
					<text class="post_money">{{params.price}}</text>
				</view>
			</view>
			<view class="cell_item">
				<view>运费</view>
				<view class="post_box">
					<text class="sign" v-if="params.freight>0">￥</text>
					<text class="post_money">{{params.freight>0?params.freight:'免费'}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props:{

		params:{
			type:Object,
			default:()=>{
				return {}
			}
		}
		
	},


	data() {
		return {

		};
	},

	mounted() {},

	methods: {}
};
</script>

<style scoped lang="scss">
.form-box {
	width: 100%;

	::v-deep .u-cell {
		padding: 20rpx 0;
	}

	.form-input {
		width: 100%;
		display: flex;

		textarea {
			width: 100%;
			line-height: 40rpx;
			font-size: 28rpx;
		}
	}
}
.cell_item{
	display: flex;
	align-items: center;
	padding: 20rpx 0;
	height: 60rpx;
	box-sizing: content-box;
	.cell_center{
		flex: 1;
		overflow: hidden;
		color:#999;
		padding-left: 30rpx;
	}
	.price_box{
		color: var(--price);
		.price_sign{
			font-size: 28rpx;
		}
		.price_num{
			font-size: 32rpx;
		}
	}
	.post_box{
		flex: 1;
		overflow: hidden;
		color: #333;
		text-align: right;
		color: var(--price);
		.sign{
			font-size: 28rpx;
		}
		.post_money{
			font-size: 32rpx;
		}
	}
	.iconfont{
		color: #666;
		margin-left: 8rpx;
		position: relative;
	}
}
</style>
